<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自由行-我的游记</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/top.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/my-yj.css">
</head>
<body>


<div class="warper">
    <div class="top" id="top">
        <span class="posi-re">中国联通
            <i class="posi-ab">4G</i>
            <i class="icon iconfont icon-xinhao"></i>
        </span>
        <time class="top-time">00:00</time>
        <span>100%<i class="icon iconfont">&#xe697;</i></span>
    </div>
    <div class="sign-link">
        <a href="Personal.html" class="link-item">退出</a>
        <a href="#" class="retrieve">我的相册</a>
        <a href="#" class="link-item"></a>
    </div>
    <header>
        <div class="header-buttom">
            <img src="images/1%20(36).jpg" alt="个人头像" class="" />
            <h1 class="title">理想闻风远走</h1>
        </div>
    </header>
    <div class="main">
        <div class="mian-left">
            <div class="fensi">
                <div>
                    <em>2</em>
                    <p>关注</p>
                </div>
                <div>
                    <em>0</em>
                    <p>粉丝</p>
                </div>
                <div>
                    <em>1</em>
                    <p>游记</p>
                </div>
            </div>
            <div class="juzi">
                <span>每日短句</span>
                <p>旅游和旅行的最大区别在于：旅游仅仅是用双脚与眼睛，而旅行还要带上灵魂和梦想。</p>
            </div>
            <div class="youji">
                <span>热门游记</span>
                <ul>
                    <li>男童校车内离世</li>
                    <li>上海轿车翻下高架</li>
                    <li>男童校车内离世</li>
                    <li>上海轿车翻下高架</li>
                    <li>男童校车内离世</li>
                </ul>
            </div>
        </div>
        <div class="mian-right">
            <div class="input">
                <form action="">
                    <textarea class="text" type="text" placeholder="说点什么吧"></textarea>
                </form>
                <div class="fl">
                    <a href="">发表游记</a>
                </div>
            </div>
            
            <div class="dv-box">
                <div class="box-top">
                    <img src="images/1%20(36).jpg" alt="">
                    <p>理想文风远走<br />今天 8：07</p>
                </div>
                <p class="text-xp">激情运动视野清晰</p>
                <div class="box-iner">
                    <img src="images/l-7.jpg" alt="">
                    <div class="iner-txt">
                        <p>滑雪这是一种什么体验，有人评价滑雪是一种 白色鸦片……</p>
                        <span>阅读全文></span>
                    </div>
                </div>
                <div class="box-item">
                    <span>收藏</span>
                    <span><i class="icon iconfont">&#xe609;</i>评论<i>1302</i></span>
                    <span><i class="icon iconfont">&#xe636;</i>赞<i>4356</i></span>
                </div>
            </div>
        </div>
    </div>

</div>

<script src="js/script.js"></script>
</body>
</html>